<template>
    <detailCollection v-if="itemDetail" :id="itemDetail.bornId" :detail="itemDetail" />

</template>
<script>
import {reactive,toRefs, onMounted,getCurrentInstance } from 'vue'
import { useStore } from 'vuex'
import {useRoute} from 'vue-router'
import detailCollection from '@/views/collection/components/detail.vue'
export default {
    components:{
        detailCollection
    },
    setup(){
        const store = useStore()
        const {proxy} = getCurrentInstance()
         const route = useRoute()
        const state = reactive({
            itemDetail:null
        })
        onMounted(()=>{
            state.itemDetail =JSON.parse(route.query.queryName)
        })
        
        return {
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
</style>